.board-editor {
  &__tools {
    @extend %flex-column;

    grid-area: tools;
    align-self: center;

    > * {
      margin: 0.5rem 0;
    }

    select {
      @extend %page-link !optional;

      width: 100%;

      &.positions option:checked {
        font-style: italic;
      }
    }

    .metadata {
      @extend %box-neat;

      background: $c-bg-box;
      padding: 1rem;
      white-space: nowrap;

      .color {
        margin-bottom: 1em;
      }

      .castling {
        div {
          @extend %flex-between;
        }

        label,
        input {
          display: inline-block;
          margin: 3px;
          vertical-align: middle;
        }
      }
    }

    .actions {
      @extend %flex-column;

      justify-content: stretch;

      .button {
        @extend %page-link !optional;

        width: 100%;
        text-align: left;
      }
    }
  }
}
